
/* 宫格 */
.site-doc-icon{margin-bottom: 20px; font-size: 0;}
.site-doc-icon li{display: inline-block; vertical-align: middle; width: 80px; height: 50px; line-height: 25px; padding: 20px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; color: #666; transition: all .3s; -webkit-transition: all .3s;}
.site-doc-anim li{height: auto;}
.site-doc-icon li .layui-icon{display: inline-block; font-size: 36px;}

.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code{color: black;}
.site-doc-icon li .doc-icon-fontclass{height: 40px; line-height: 20px; padding: 0 5px; font-size: 13px; color: #333; }
.site-doc-icon li:hover{background-color: #f2f2f2; color: #000;}

/* 子菜单 */
.menu{
    padding-left: 10px;
}
/* 头部导航栏高度 */
.layui-nav .layui-nav-item {
    line-height: 50px;
}
/* 去掉底部区域的空间 */
 .layui-layout-admin .layui-body {
     bottom: 0px;
 }

.layui-layout-admin .layui-logo {
    background-color: #20222A !important;
}
.layui-logo {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);

}
.layui-header{
    line-height: 50px;
    height: 50px;
}
.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite {
    color: #333;
}
.layui-layout-admin .layui-header {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #c9c9c9;
}
.layui-layout-left .layui-nav-item a:hover, .layui-layout-right .layui-nav-item a:hover {
    color: #333;
}
.layui-header .layui-nav .layui-nav-more {
    border-top-color: #333;
}
.layui-nav .layui-this:after {
    width: 0%;
}

.layui-form-mid {
    padding: 0px 0!important;
}
.layui-layer-btn {
    border-top: 1px solid #eee;
}
.mytable-class tbody tr:hover, .layui-table-hover {
    background-color: white
}


